<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default  {
  name:  'App',
  data(){
    return{
      screenHeight:window.innerHeight,
      screenWidth:window.innerWidth,
    }
  },
  provide(){
    return{
      app: this
    }
  },
  mounted(){
    const that = this
    window.onresize =()  =>{
      return (()=>{
        window.screenHeight = window.innerHeight
        window.screenWidth = window.innerWidth
        this.screenWidth = window.screenWidth;
        this.screenHeight = window.screenHeight;
      })()
    }
  },
  methods:{
  },
}
</script>
